<template>
    <div>
        <!-- <el-carousel trigger="click" height="800px" >
            <el-carousel-item >
                <img src="../../assets/home/banner1.png" style="width: 100vw;height: 800px;"/>
            </el-carousel-item>
            <el-carousel-item >
                <img src="../../assets/home/banner2.png" style="width: 100vw;height: 800px;"/>
            </el-carousel-item>
            <el-carousel-item >
                <img src="../../assets/home/banner3.png" style="width: 100vw;height: 800px;"/>
            </el-carousel-item>
        </el-carousel> -->
        <div style="width: 83%;margin: auto;">
            <el-row :gutter="50" style="margin-top: 100px;">
                <el-col :span="12" style="text-align: right;">
                    <img src="../../assets/home/info/u1.png" style="width: 60%;height: auto;"/>
                </el-col>
                <el-col :span="12" style="text-align: left;" id="userIntro">
                    <p style="font-weight: bold;font-size: 26px;margin-top: -13px;">老蒋聊大盘侃期权</p>
                    <p style="color: #c30000;font-size: 23px;">投资研究负责人、基金经理</p>
                    <ul style="padding-left: 20px;">
                        <li>
                            <p>2000年毕业于东南大学，25年资本市场投资经验，18年资本市场从业经验；</p>
                        </li>
                        <li>
                            <p>曾任某期货公司资深分析师、期权高级讲师；“申达学苑”期权特聘讲师、交大教育集团期权高级讲师；</p>
                        </li>
                        <li>
                            <p>老蒋先生深刻理解市场运行规律，对股市及商品期货的长期趋势判断有独到见解，在期权交易与期权风险管理领域有相当造诣，长期专注于期权交易与期权研究，自创基于宏观理论及技术分析的《重心理论》；</p>
                        </li>
                        <li>
                            <p>管理资产峰值过亿；</p>
                        </li>
                        <li>
                            <p>2025年9月获申万期货、期货日报联合举办的全国“期货期权实盘大赛”重量组第四名。</p>
                        </li>
                    </ul>
                </el-col>
            </el-row>
        </div>
        <div class="webFooter">
            <el-row :gutter="30">
                <el-col :span="5"></el-col>
                <el-col :span="4" style="border-left: solid 1px #c3c3c3;">
                    <p style="text-align: left;font-size: 20px;margin-top: 10px;">友情链接</p>
                    <el-row style="text-align: left;font-size: 18px;">
                        <el-col :span="12">
                            <a href="https://wxf70f341810bb37fc.lrn.nineteenj.cn/kpv2p/9pjjb8/?#/mall/shopDetail/shopDetail?ShopNo=211615&timestamp=1763873496" target="_blank">
                                课程入口
                            </a>
                        </el-col>
                        <el-col :span="12">
                            <a href="https://wxf70f341810bb37fc.lrn.nineteenj.cn/kpv2p/9pjjb8/?#/homePage/live/livePersonalDetail?liveId=20588&timestamp=1763873669">
                                直播间入口
                            </a>
                        </el-col>
                    </el-row>
                    <!-- <p style="text-align: left;">交易终端应急措施公告</p> -->
                </el-col>
                <el-col :span="6" style="border-left: solid 1px #c3c3c3;">
                    <p style="text-align: left;font-size: 20px;color: #3e3e3e;margin-top: 10px;">联系我们</p>
                    <el-row :gutter="10">
                        <el-col :span="14">
                            <p style="text-align: left;">客服热线：18964701952(同微信号)</p>
                        </el-col>
                        <el-col :span="10">
                            <p style="text-align: left;">微信号：18016358011</p>
                        </el-col>
                    </el-row>
                </el-col>
                <el-col :span="6"  style="border-left: solid 1px #c3c3c3;">
                    <p style="text-align: left;font-size: 20px;color: #3e3e3e;margin-top: 10px;">关注我们</p>
                    <el-row :gutter="25">
                        <el-col :span="6">
                        <p style="text-align: left;">企业微信</p>
                        <el-tooltip
                            :offset="20"
                            class="box-item"
                            effect="light"
                            placement="top"
                        >
                                <template #content>
                                    <img src="../../assets/home/info/w1.jpg" style="width: 160px;height: auto;float: left;"/>
                                </template>
                            <div> 
                                <img src="../../assets/home/info/w1.jpg" style="width: 70px;height: auto;float: left;"/>
                            </div>
                        </el-tooltip>
                        

                    </el-col>
                    <el-col :span="6">
                        <p style="text-align: left;">微信公众号</p>
                        <el-tooltip
                            :offset="20"
                            class="box-item"
                            effect="light"
                            placement="top"
                        >
                                <template #content>
                                    <img src="../../assets/home/info/w2.jpg" style="width: 160px;height: auto;float: left;"/>
                                </template>
                            <div> 
                                <img src="../../assets/home/info/w2.jpg" style="width: 70px;height: auto;float: left;"/>
                            </div>
                        </el-tooltip>
                    </el-col>
                    <el-col :span="6">
                        <p style="text-align: left;">微信公众号</p>
                        <el-tooltip
                            :offset="20"
                            class="box-item"
                            effect="light"
                            placement="top"
                        >
                                <template #content>
                                    <img src="../../assets/home/info/w3.jpg" style="width: 160px;height: auto;float: left;"/>
                                </template>
                            <div> 
                                <img src="../../assets/home/info/w3.jpg" style="width: 70px;height: auto;float: left;"/>
                            </div>
                        </el-tooltip>
                        
                    </el-col>
                    <el-col :span="6">
                        <p style="text-align: left;">微信</p>
                        <el-tooltip
                            :offset="20"
                            class="box-item"
                            effect="light"
                            placement="top"
                        >
                                <template #content>
                                    <img src="../../assets/home/info/w4.png" style="width: 160px;height: auto;float: left;"/>
                                </template>
                            <div> 
                                <img src="../../assets/home/info/w4.png" style="width: 70px;height: auto;float: left;"/>
                            </div>
                        </el-tooltip>

                    </el-col>
                    </el-row>
                </el-col>
            </el-row>
            <p style="background: #d8e0ed;height: 33px;line-height: 33px;">
                版权所有@民为天科技(上海)有限公司
                沪ICP备2025135563号-1
            </p>
        </div>
    </div>
</template>
<style scoped>
.demonstration {
  color: var(--el-text-color-secondary);
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;
}
:deep(.el-carousel__button) {
    height: 3px;
    background-color: #252eebc7;
}
.webFooter {
    background: #e7ebf4;
    font-size: 14px;
    margin-top: 100px;
    padding-top: 15px;
    color: rgba(95, 105, 120, .7);
}
p {
    margin-top: 15px;
}
#userIntro p {
    margin: 0;
    line-height: 2;
    font-size: 23px;
}
</style>